div.left-nav-bar-container{
    padding-top:25px;
    background-color:#282B34;
    padding-bottom: 25px;
    height: 100%;
}


div.vertical-nav-bar{
    width: 60%;
    color: #FFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.nav-bar-entity{
    padding:5px;
    padding-top:30px;
    background-color: FA5072;
    margin:0px;
    width: 100%;
    list-style: none outside none;
    font-size: 1em;
    height: 50px;
    vertical-align: middle;
    color: #FFF;
    border-bottom: medium none;
    cursor:pointer;
    transition: width 2s, height 2s, transform 2s;
    border-bottom: 1px solid white;
    line-height: normal;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: rgb(46, 46, 46) 0px 4px 5px;
}
div.nav-bar-entity.expanded{
    
}


div.nav-bar-tab div.nav-bar-entity{
    padding-left: 40px;
    width: calc(100% - 35px);
}

div.nav-bar-entity:hover{
    width: 150%;
}

div.nav-bar-tab div.nav-bar-entity:hover{
    width: 150%;
}
div.nav-bar-tab div.nav-bar-entity.selected{
    width: 150%;
    background-color: #AAA;
}

div.nav-bar-tab{
    display: none;
}

div.nav-bar-entity.selected{
    width: 150%;
    background-color: #AAA;
}